
<script type="text/javascript"><!--
{literal}	
	$(document).ready(function () {				
		$('#tabs').tabs({
			select: showTemplate,			
		});
{/literal}

		

{literal}
		$('#surgeryTeamTemplateDialog').dialog({
			autoOpen: false,			
			modal: true,
			width: 900,
			height: 550,
			buttons: {
		{/literal}"{translate}Close{/translate}"{literal}: function() { 
					$(this).dialog('close'); 
					$('#msg_viewTemplate').hide();
					
				},				
		{/literal}"{translate}Save{/translate}"{literal}: function() {
					if (!validateTempate("msg_viewTemplate")) {
			            return false;
			        }
					var templateId = $('#current_template_id').val();
					if (templateId <= 0) {		
						return false;
					}
					addNewTemplate('updateTemplateForm');
					$('#msg_viewTemplate').hide();
				},		
		{/literal}"{translate}Select{/translate}"{literal}: function() {
					if (!validateTempate("msg_viewTemplate")) {
			            return false;
			        }
					var templateId = $('#current_template_id').val();
					var ticketId = $('#currentTicketId').val();
					if (templateId <= 0) {		
						return false;
					}

					$('table#surgeryParticipants tbody').html('');

					for(var i = 0; i < 7; i++) {
						if ($('#' + 'template_employee_' + i + ' option:selected').val() != '') {
							var name = $('#' + 'template_employee_' + i + ' option:selected').text();
							var personId = $('#' + 'template_employee_' + i + ' option:selected').val();
							var role = $('#' + 'template_role_' + i + ' option:selected').val();
							var roleName = $('#' + 'template_role_' + i + ' option:selected').text();

							addParticipantFromTemplate(role, roleName, name, personId);
						}
						
					}	

					$(this).dialog('close');	
					$('#msg_viewTemplate').hide();

				}											
			}
		});	
		
		// get first template
		var firstTemplateId = $('#firstTemplateId').val();
		if (firstTemplateId > 0) {
			getTemplate(firstTemplateId);
			
		}	
	
	});	

	function showTemplate(event, ui) {
		var templateId = ui.tab.rel;
		getTemplate(templateId);			
	}		

	function getTemplate(templateId) {	
		if (templateId <= 0) return;

		$('#current_template_id').val(templateId);
		
		$.ajax({
			url: "../Surgery/GetTemplateAjax?set_ajax_view",
			data: "template_id=" + templateId,
			success: function(data) {
				/*
				$('table#templateDetails tbody').html(data.tbody); 	

				//Employee
				for(var i = 0; i < 10; i++) {
					getUsersByEmployeeTypeForTemplate('template_role_' + i, 'template_employee_' + i, data.personList[i]);
					
				}		

				//Template Info
				$('#template_name').val(data.template.template_name);
				$('#template_note').val(data.template.note);
				*/

				$('#surgeryTeamTemplateItems').html(data);
				
			}
		});
	}

	function validateTempate(targetId) {
	    
	    var len = $("select[name='template_role[]']").length;
	    var arr = [];
	    for(var i=0; i < len; i++){
	        var objName =   $("select[name='template_employee[]']").get(i);
	        var objRole =   $("select[name='template_role[]']").get(i);
	        
	        if (objName.value != "" && objRole.value != "") {
	            if (arr[objName.value + ' ' + objRole.value] == null) {
	                arr[objName.value + ' ' + objRole.value] = 1;
	            } else {
	                showMessage(targetId, _('Duplicated Doctor/Technician and Role'), 'error');
	                return false;
	            }       
	        }
	    }
	    return true;
	}
	function addNewTemplate(templateForm) {
	    $.ajax({
	        type:       "POST",
	        url:    '../Surgery/AddNewTemplateAjax?set_ajax_view',
	        data: $('#' + templateForm).serialize() + "&template_id=" + $('#current_template_id').val(),
	        dataType:   "json",
	        success: function(data) {
	            var message = _('Save successful');

	            $('#msg_viewTemplate').css('color', 'green').text(message).show();
	            $('#updatingTemplate').hide();      
	                        
	        }
	    }
	    );  
	}
	
{/literal}
--></script>

<div id="surgeryTeamTemplateDialog" style="display: none;">
	<div id="tabs">
		<ul>
		{foreach from=$templates item=template}				
			<li>
				<a href="#wrapper" rel="{$template.template_id}">
					{$template.template_name}					
					<!-- 
					<br /> {if $template.note == ''} &nbsp; {else} {$template.note}{/if}
					 -->
				</a>
			</li>		
		{/foreach}
		</ul>		
		
		<div id="wrapper">
			<input type="hidden" id="firstTemplateId" value="{$firstTemplateId}">
			<div id="prescriptionDetails">
				<input type='hidden' id='current_template_id' value=''>
				<input type='hidden' id='currentTicketId' value=''>
				
				<form id='updateTemplateForm'>
					<div id='surgeryTeamTemplateItems'>
					
					</div>
				</form>	
			</div>
			
			<div>
				 <img id='updatingTemplate' style='display:none' src='../images/ajax-loader.gif'/>
				 <span id='msg_viewTemplate' style="padding-top:10px; font-style: italic; color: green;"></span>	
			</div>		
				
		</div>
				
	</div>
</div>
